<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆</title>
    <link rel="stylesheet" href="./dist/css/login.min.css">
    <link rel="stylesheet" href="../lib/bootstrap4/css/bootstrap.min.css">
    <!-- <link rel="stylesheet" href="./lib/bootstrap4/css/bootstrap.css"> -->

</head>

<body>
    <!-- 头部部分 -->
    <div class="header">
        <div class="container">
            <div class="d-flex flex-row logo-title">
                <img src="./images/logo.png" alt="">
                <h2>欢迎登陆</h2>
            </div>

        </div>
    </div>
    <!-- 主体部分 -->
    <div class="main">
        <div class="login-baner">
            <div class="login-img">
                <img src="images/login.jpg" alt="">
            </div>
            <div class="box">
                <div class="box-header d-flex flex-row justify-content-around">
                    <p>扫码登陆</p>
                    <p class="active">账户登陆</p>
                </div>
                <div class="box-content">
                    <p>
                        <span><svg t="1637581966692" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3170" width="30" height="30">
                                <path
                                    d="M597.15584 517.20192c36.63872-26.50112 60.60032-69.48864 60.60032-118.05696 0-80.37376-65.3824-145.75616-145.75616-145.75616S366.24384 318.7712 366.24384 399.14496c0 48.56832 23.97184 91.5456 60.61056 118.05696-113.152 36.13696-195.33824 142.25408-195.33824 267.23328h40.96c0-132.07552 107.45856-239.53408 239.53408-239.53408s239.53408 107.45856 239.53408 239.53408h40.96c-0.01024-124.98944-82.19648-231.09632-195.34848-267.23328z m-189.952-118.05696c0-57.78432 47.01184-104.79616 104.79616-104.79616S616.79616 341.36064 616.79616 399.14496s-47.0016 104.79616-104.78592 104.79616-104.8064-47.01184-104.8064-104.79616z"
                                    fill="#bfbfbf" p-id="3171"></path>
                                <path
                                    d="M512 0c-282.76736 0-512 229.23264-512 512s229.23264 512 512 512 512-229.23264 512-512-229.2224-512-512-512z m0 983.04c-259.7376 0-471.04-211.31264-471.04-471.04 0-259.7376 211.3024-471.04 471.04-471.04s471.04 211.3024 471.04 471.04c0 259.72736-211.3024 471.04-471.04 471.04z"
                                    fill="#bfbfbf" p-id="3172"></path>
                            </svg>
                        </span>
                        <input type="text" name="" id="username" placeholder="请输入用户名" autofocus>
                    </p>
                    <p>
                        <span>
                            <svg t="1637582022930" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="4364" width="30" height="30">
                                <path
                                    d="M288 384v-74.666667c0-123.722667 100.266667-224 224-224s224 100.224 224 224v74.666667h10.677333C811.445333 384 864 436.597333 864 501.333333v320c0 64.821333-52.469333 117.333333-117.322667 117.333334H277.333333C212.554667 938.666667 160 886.069333 160 821.333333V501.333333c0-64.821333 52.469333-117.333333 117.322667-117.333333H288z m64 0h320v-74.666667c0-88.426667-71.605333-160-160-160-88.384 0-160 71.626667-160 160v74.666667zM224 501.333333v320c0 29.397333 23.914667 53.333333 53.322667 53.333334H746.666667A53.269333 53.269333 0 0 0 800 821.333333V501.333333c0-29.397333-23.914667-53.333333-53.322667-53.333333H277.333333A53.269333 53.269333 0 0 0 224 501.333333z"
                                    p-id="4365" fill="#dbdbdb"></path>
                            </svg>
                        </span>
                        <input type="password" name="" id="pwd" placeholder="请输入密码">
                    </p>
                    <div class="forget-pwd">
                        <a href=""> 忘记密码</a>

                    </div>
                    <button class="login-btn">登陆</button>
                </div>
                <div class="box-footer">
                    <div class="container">
                        <div class="row coagent">
                            <div class="col-md-7">
                                <a href="#">
                                    <svg t="1637583747653" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="9225" width="20" height="20">
                                        <path
                                            d="M68.399765 590.615655c-37.073602 90.765025-43.465533 176.418105-14.062849 191.757941 20.45478 11.505876 53.692423-14.061849 84.374094-60.084355 11.504876 51.135451 42.186547 95.87897 84.373094 132.952572-44.743519 16.619821-74.146204 44.743519-74.146204 75.42519 0 51.135451 79.259149 93.321998 176.418105 93.321997 88.208052 0 161.07627-33.237643 175.138119-77.982162h20.45478C535.009753 990.751357 607.87897 1023.989 696.087023 1023.989c98.436943 0 176.418105-40.908561 176.418104-93.321997 0-30.68167-29.402684-58.806368-74.146203-75.42519 42.186547-37.073602 72.868217-81.817121 84.374094-132.952572 30.68067 46.022506 62.640327 71.589231 84.373093 60.084355 30.68167-15.339835 24.289739-102.270901-14.061849-191.757941-29.403684-70.311245-69.033258-122.725682-99.714929-134.230558 0-3.835959 1.278986-8.949904 1.278987-14.062849 0-26.845712-7.669918-52.413437-20.454781-72.868217v-5.112945c0-12.783863-2.555973-24.289739-7.669917-34.516629C818.813704 145.736434 701.200968 0 510.722014 0 320.24206 0 202.630323 145.736434 194.959406 329.824457c-5.112945 10.22689-7.669918 21.732767-7.669918 34.516629v5.112945c-12.783863 20.45478-20.45478 46.022506-20.45478 72.869217v14.061849c-28.123698 11.504876-69.032258 62.640327-98.434943 134.230558z"
                                            fill="#4CAFE9" p-id="9226"></path>
                                    </svg>
                                    QQ
                                </a>
                                <a href="">|</a>
                                <a href="">
                                    <svg t="1637583646792" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="8259" width="20" height="20">
                                        <path
                                            d="M337.387283 341.82659c-17.757225 0-35.514451 11.83815-35.514451 29.595375s17.757225 29.595376 35.514451 29.595376 29.595376-11.83815 29.595376-29.595376c0-18.49711-11.83815-29.595376-29.595376-29.595375zM577.849711 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763zM501.641618 401.017341c17.757225 0 29.595376-12.578035 29.595376-29.595376 0-17.757225-11.83815-29.595376-29.595376-29.595375s-35.514451 11.83815-35.51445 29.595375 17.757225 29.595376 35.51445 29.595376zM706.589595 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763z"
                                            fill="#28C445" p-id="8260"></path>
                                        <path
                                            d="M510.520231 2.959538C228.624277 2.959538 0 231.583815 0 513.479769s228.624277 510.520231 510.520231 510.520231 510.520231-228.624277 510.520231-510.520231-228.624277-510.520231-510.520231-510.520231zM413.595376 644.439306c-29.595376 0-53.271676-5.919075-81.387284-12.578034l-81.387283 41.433526 22.936416-71.768786c-58.450867-41.433526-93.965318-95.445087-93.965317-159.815029 0-113.202312 105.803468-201.988439 233.803468-201.98844 114.682081 0 216.046243 71.028902 236.023121 166.473989-7.398844-0.739884-14.797688-1.479769-22.196532-1.479769-110.982659 1.479769-198.289017 85.086705-198.289017 188.67052 0 17.017341 2.959538 33.294798 7.398844 49.572255-7.398844 0.739884-15.537572 1.479769-22.936416 1.479768z m346.265896 82.867052l17.757225 59.190752-63.630058-35.514451c-22.936416 5.919075-46.612717 11.83815-70.289017 11.83815-111.722543 0-199.768786-76.947977-199.768786-172.393063-0.739884-94.705202 87.306358-171.653179 198.289017-171.65318 105.803468 0 199.028902 77.687861 199.028902 172.393064 0 53.271676-34.774566 100.624277-81.387283 136.138728z"
                                            fill="#28C445" p-id="8261"></path>
                                    </svg>
                                    微信
                                </a>
                            </div>
                            <div class="col-md-5">
                                <a href="/register.html" class="register">
                                    <span><svg t="1637583850457" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="12275" width="20" height="20">
                                            <path
                                                d="M357.376 852.309333a25.6 25.6 0 0 0 36.181333 36.181334l358.4-358.4a25.6 25.6 0 0 0 0-36.181334l-358.4-358.4a25.6 25.6 0 0 0-36.181333 36.181334L697.685333 512l-340.309333 340.309333z"
                                                p-id="12276" fill="#d81e06"></path>
                                        </svg></span>
                                    立即注册
                                </a>
                            </div>
                        </div>
                    </div>


                </div>
            </div>


        </div>






        <!-- 底部部分 -->
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <p> 专业、安全、高利息</p>
                        <p> 版权所有： &copy 2020-2021广东白云学院</p>
                        <p> 地  址： 广东白云学院江高镇</p>
                        <p> 电  话： 000-123456 / 400-800-900 邮箱： personal@baiyun.cn</p>
                        <p> 蜀ICP备14030149号-1  蜀公网安备510114990541</p>
                    </div>
                    <div class="col-md-2">
                        <p>官方微博</p>
                        <img src="images/tecent.png" alt="">
                        <img src="images/sina.png" alt="">
                    </div>
                    <div class="col-md-2">
                        <p>官方微信</p>
                        <img src="images/sina.png" alt="">
                    </div>
                </div>

            </div>
        </div>








        <script src="./lib/jquery/jquery.js"></script>
        <script src="../../dist/js/login.min.js"></script>

</body>

</html>